草庐IT

Vue + element-ui el-tree 虚拟滚动

全部标签

javascript - 自定义 Prop 类型 Vue.js

有没有办法为Vue.jsProp创建自定义Prop类型(并通过验证扩展它)?在下面的示例中,您将找到Object属性background。我想要一个自定义Prop类型图像,而不是一个对象。图像将检查src和alt是否已填充,其余部分是可选的。我们现在拥有的:exportdefault{props:{background:{type:Object,src:String,srcset:String,alt:String,title:String,},},};我想要的东西:classcustomPropImage{//magic...}exportdefault{props:{backgro

javascript - 使用 .NET (MVC) 的模板实现 (VUE) 问题

我正在尝试实现一个外部模板(创建一个HTML页面),但我无法成功。此页面是包含Vue应用程序的ASP.NETMVC页面。我想将此组件的模板部分移动到外部文件,但无论何时我这样做都不起作用。以下(下方)确实有效,但由于缺少文本编辑功能,因此不容易维护或构建。Vue.component('我的组件',{模板:'#my-component'这是当前代码,它运行良好:varfoo=Vue.component('foo',{template:'{{ColName}}{{foo}}--',data:function(){return{foos:null,NumColuns:3}},mounted(

javascript - 使横向滚动网站快速加载的最佳方法是什么?

我是堆栈溢出和编程的新手,所以请原谅我任何尴尬的措辞!我正在构建一个图形丰富且大小为680x9400像素的横向滚动网站。我将使用一些javascript和/或mootools来创建一个很酷的横向滚动效果,类似于http://sursly.com.我正在对所有使用的图像进行网络优化,但想知道是否有人对如何加快页面加载有任何其他想法?例如,有没有办法在水平部分预加载网站?提前致谢。 最佳答案 使用类似于jQueryLazyLoadingPlugin的东西您可以获得明显的加速,因为只会加载可见图像。因此它们不会与屏幕外图像竞争。我知道您可

javascript - 以编程方式滚动父 div 中的一组 div

我有一个包含多个子div的父div(请参阅此处了解我在说什么http://garyoak.com/images/MgMenu.png)。我希望能够仅使用键盘对其进行导航,因此我一直在寻找一种在用户推过可见元素时向上或向下滚动子div的方法。我可以弄清楚用户何时毫无问题地完成了该操作,但我不确定如何实际向上/向下滚动内部div。我有可用的jquery,可以毫无问题地向其添加扩展。我知道jquery插件,例如可滚动和旋转木马,但我希望有一种更简单的方法来做到这一点。html最终看起来像这样:Blizzara36Fire15....(restofpaneldivs)第一个div将MagicP

javascript - d3 + 主干 : updating elements for which data has changed

我将d3与Backbone.js模型一起使用。当模型属性发生变化时,将触发一个事件,并用hasChanged()标志标记模型,并返回一个changedAttributes()散列。我了解如何使用d3的enter()和exit()来处理已创建或删除的模型。我无法弄清楚的是如何根据模型属性的变化修改相应的DOM元素。我可以使用Backbone助手来确定要修改的内容,但是d3的下一步是什么? 最佳答案 我在d3邮件列表上得到了一些有用的回复:http://groups.google.com/group/d3-js/browse_threa

javascript - 在 Ext.tree.panel 的特定位置插入一个节点

我正在尝试更改此extjstreegrid示例:http://dev.sencha.com/deploy/ext-4.0.1/examples/tree/treegrid.html我只想在特定位置添加一个节点。我试过这个:vartreePanel=Ext.getCmp('treePanel');varselNode=treePanel.getSelectionModel().getSelection()[0];varappendedChild=selNode.appendChild({task:'Task1',user:'Name',duration:'10',leaf:true});

javascript - iPad禁用文档滚动但不禁用div溢出滚动

我正在开发具有可滚动功能的模态窗口,例如pinterest的。当它们被触发时,在body上定义overflow:hidden并在模态框容器上定义overflow:auto。这在桌面浏览器上运行良好,但我在iPad上的第一次测试(我假设一般情况下可能在iOS上)揭示了一个问题:当模式滚动结束时,如果文档比模式长,则滚动继续。我尝试这样做的目的是只接受由模态或其容器触发的滚动://DisablebrowserscrollingoniOS$(document).on('touchmove',function(e){if(($(e.target).attr('id')!=id)&&($(e.t

javascript - 在 yui 中获取窗口滚动或 scrollY 位置

在YUI中,我有以下用于鼠标滚轮的代码。我如何使它适用于滚动条?Y.on('mousewheel',function(e){vardir=e.wheelDelta>0?'Up':'Down';console.log(dir);});感谢您的帮助... 最佳答案 这是一个简单的解决方案Y.on('scroll',function(e){console.log(window.scrollY);}); 关于javascript-在yui中获取窗口滚动或scrollY位置,我们在StackOve

javascript - elementFromPoint 滚动页面后返回 null

我有一个javascript小书签,我把它放在一起,让一项艰巨的任务变得更容易忍受。本质上,我正在浏览数百页的培训Material,并确保所有内容都已从Helvetica正确转换为Arial。小书签代码在下面,但快速分解是它创建了一个mousemove事件监听器和一个小的、绝对定位的div。在mousemove事件中,div移动到新的鼠标位置(向下和向右偏移10px),使用elementFromPoint获取鼠标下方的元素并显示该元素的font-family属性。哦,它会根据Arial是否出现在属性中来更改它的背景颜色。varbodyEl=document.getElementsByT

javascript - 无限滚动和 will_paginate 多次附加项目的 'next page'

我正在关注thisrailscast尝试在我的Rails应用程序上实现无限滚动页面。当用户向下滚动到页面底部时,将附加一组新的项目并且页面会扩展,但是它会多次附加到页面,即使数组中的所有项目都已加载,事件也会在向下滚动时再次触发,多次再次附加同一组项目。我想要的是在每次用户滚动到底部时附加项目的“下一页”,并在用户再次滚动到底部时附加后续的下一页。这是这个函数的jQuery:jQuery->if$('.pagination').length$(window).scroll->url=$('.pagination.next_page').attr('href')ifurl&&$(wind